

$(document).ready(function() {
	var graphdef = {
			categories : ['AcquisitionCost', 'Target'],
		    dataset : {
		        'AcquisitionCost' : [
		            { name : 'Target', value : 0 },
		            { name : '201401', value : 90 },
		            { name : '201402', value : 20 },
		            { name : '201403', value : 52 },
		            { name : '201404', value : 84 },
		            { name : '201405', value : 17 },
		            { name : '201406', value : 77 },
		            { name : '201407', value : 80 },
		            { name : '201408', value : 38 },
		            { name : '201409', value : 73 },
		            { name : '201410', value : 19 },
		            { name : '201411', value : 55 },
		            { name : '201412', value : 47 }
		        ],
		        'Target' : [
				  		    { name : '', value : 100 }
				]
		    }
	};
	var config = {
		    meta : {
		    	position : '#uv-div',
		        caption : 'Acquisition Cost',
		        subcaption : 'in 12 Months',
		        hlabel : 'Acquisition Cost',
		        vlabel : 'Period',
		        vsublabel : '(YYYYMM)'
		    },
			graph: {
				custompalette : ['#1a99aa', 'green', 'orange', 'pink']
			},
//			legend : {
//				position : 'right'
//			},
			dimension : {
				width : 700,
				height : 400
			}
			};
	
	uv.chart ('Bar', graphdef, config);
	
	
	$('#customerStatisticDataTable').DataTable({
		"data": dataSet,
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "วันที่ (YYYYMM)", sClass: "alignCenter", "bSortable": false, sWidth: '30%'},
		                {"sTitle": "Target", sClass: "alignCenter", "bSortable": false, sWidth: '32%'},
		                {"sTitle": "Actual", sClass: "alignCenter", "bSortable": false, sWidth: '30%'},
		               ],
		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
//		"aLengthMenu": [
//		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
//		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
//		 ],
//		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
//       "bServerSide": true,
//       "sAjaxSource": "../ACM4101Srvl?process_type=getDataTable"	
	});
});

